<template>
	<view class="withdraw_main">
		<view class="withdraw_mode">
			<view class="withdraw_mode_title">
				充值方式
			</view>
			<view class="withdraw_mode_bank">
				<image src="../../../static/image/ccb.png" mode=""></image>中国建设银行储蓄卡(****2539）
			</view>
			<view class="withdraw_mode_money">
				<view class="withdraw_mode_money_title">
					充值金额
				</view>
				<view class="withdraw_mode_money_input">
					<text>¥</text>
					<input type="text" value="" />
				</view>
			</view>
		</view>
		<view class="withdraw_btn">
			提现
		</view>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	.withdraw_main {
		margin: 0 20rpx;
		.withdraw_mode {
			padding: 54rpx 0 0 0rpx;
		}
		.withdraw_mode_title {
			font-size: 30rpx;
			color: #333333;
			padding-bottom: 50rpx;
		}
		.withdraw_mode_bank {
			color: #333333;
			font-size: 30rpx;
			image {
				width: 47rpx;
				height: 47rpx;
				margin-right: 20rpx;
				vertical-align: middle;
			}
		}
		.withdraw_mode_money {
			margin-top: 47rpx;
			padding: 25rpx 14rpx 32rpx;
			box-shadow: 0px 1rpx 25rpx 0px rgba(139, 139, 139, 0.4);
			border-radius: 15rpx;
			.withdraw_mode_money_title {
				color: #333;
				font-size: 30rpx;
				padding: 0 0 100rpx 15rpx;
			}
		}
		.withdraw_mode_money_input {
			padding: 0 0 0rpx 16rpx;
			display: flex;
			justify-content: space-between;
			input {
				width: 100%;
				height: 90rpx;
				font-size: 34rpx;
				line-height: 90rpx;
			}
			text {
				font-size: 60rpx;
				margin-right: 20rpx;
			}
		}
		.withdraw_btn {
			color: #fff;
			text-align: center;
			width: 100%;
			height: 98rpx;
			font-size: 36rpx;
			line-height: 98rpx;
			background: linear-gradient(90deg, #CFA461 0%, #DCBB7E 100%);
			border-radius: 20rpx;
			margin-top: 212rpx;
		}
	}
</style>
.